{% extends 'base.html' %}
{% block head %}
<link rel="stylesheet" type="text/css" href="/static/css/myfavorite.css">
<script language=javascript src='/static/js/common_functions.js'></script>
{% endblock %}

{% block middle %}


<div id="menu">
    <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" id="side_left">
        <li class="layui-nav-item" id="top_side"><a href="">个人资料</a></li>
        <li class="layui-nav-item"><a href="">账号设置</a></li>
        <li class="layui-nav-item"><a href="">我的收藏</a></li>
        <li class="layui-nav-item"><a href="">我的订单</a></li>
        <li class="layui-nav-item"><a href="">浏览历史</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">内容管理</a>
            <dl class="layui-nav-child">
                <dd><a href="">专栏管理</a></dd>
                <dd><a href="">博客管理</a></dd>
                <dd><a href="">评论管理</a></dd>
            </dl>
        </li>
    </ul>
</div>

<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md9">
            <div class="layui-collapse" lay-accordion>
                {% for product_name, product_brief_introduction in product_inf.items %}
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">{{ product_name }}</h2>
                    <div class="layui-colla-content">{{ product_brief_introduction }}</div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>

{% endblock %}